
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>用户信息</title>
</head>
<body>
	<div class="modal fade" id="roleDetailDiaglog" tabindex="-1"
		role="dialog" aria-labelledby="userDetailsLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">用户信息</h4>
				</div>
				<div class="modal-body">
					<!---***中部***-->
					<div align="left">
						<!--中上部-->
						<!---***图片滚动----对应的样式是rolling.css***-->
						<div align="center">
							<table width="99%">
								<tr>
									<td style="border-style: none; border-width: medium">
										<form id="userInfor" method="post" name="userInfor">
											<div align="left">
												<!--中上部-->
												<!---***图片滚动----对应的样式是rolling.css***-->
												<div align="center">

													<table class="table table-bordered">
														<tr>

															<td style="text-align: left;width: 80px;">用户名称:</td>
															<td><input type="hidden"
																id="userId" name="userId" value="${user.id}" /><input
																style="width: 200px;" type="text" id="loginName"
																required name="loginName" value="${user.loginName}"
																readonly /></td>
														</tr>
														<tr>
															<td style="text-align: left;" colspan="3">权限列表</td>
														</tr>
															<tr>
															<td colspan="4"style="text-align: center;">
															<table style="width:100%">
																<tbody><tr>
															<td style="text-align: right;">
															<select id="roleList" style="width:200px; height:300px;" multiple="multiple">
															<option value="1">kkkk</option>
															<option value="2">kkkk</option>
															<option value="3">kkkk</option>
															<option value="4">kkkk</option>
															</select>
															</td>
															<td>
															<ul>
															<li style="list-style:none;"><input type="button"  id="addAll"  class="btn btn-sm btn-danger" style="width:80px;" value="全部加入"/></li>
															<li style="margin-top:15px;list-style:none"><input id="addRole" type="button" class="btn btn-sm btn-primary" style="width:80px;" value="加入"/></li>
															<li style="margin-top:15px;list-style:none"><input id="removeRole" type="button"  class="btn btn-sm btn-primary" style="width:80px;" value="移除"/></li>
															<li style="margin-top:15px;list-style:none"><input id="removeAll" type="button" class="btn btn-sm btn-danger" style="width:80px;" value="全部移除"/></li>
															</ul>
															</td>
															<td style="text-align: left;" colspan="2">
															<select id="selectList"  name='rolesId' style="width:200px; height:300px;margin-left:50px;" multiple="multiple">
															<option value="1">kkkk</option>
															<option value="2">kkkk</option>
															<option value="3">kkkk</option>
															<option value="4">kkkk</option>
															</select>
															</td>
															</tr>
															</tbody></table>
															
															</td>
														</tr>
													
													</table>
												</div>

											</div>
										</form>
									</td>
								</tr>
							</table>
						</div>
					</div>
					<!--**中中部**-->
					<div></div>
					<!----------------------********中部结束********---------------------------->
				</div>
				<div id="optBtn" class="modal-footer">
					<button id="saveBtn" type="button" class="btn btn-primary">保存</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>

</body>
</html>


